在介紹CSS RWD利器container
之前,需要先補充介紹一下inline-size
和block-size
inline-size
)或塊尺寸(block-size
)inline-size
和block size
取決於書寫模式write-mode
write-mode:horizontal-tb;
,所以inline-size
通常對應到容器的寬;block-size
則對應到容器的高。以下範例根據書寫模式write-mode
的不同,inline-size
和block size
對應到容器的寬高也不同,大家可以一起試試!
IT15-Day09-inline-size / block size